<template>
    <div class="d-flex justify-center mt-1">
        <v-avatar size="120px">
            <v-img class="d-flex justify-center" alt="Avatar"
                :src="getAssetURL(playerAvatarMapping[index] as string)"></v-img>
        </v-avatar>
    </div>
</template>

<script setup lang="ts">
import { getAssetURL } from '../../utils/getAssetsURL.util';
import { playerAvatarMapping } from '../../const/avatar.const';
defineProps<{ index: number }>()
</script>